﻿/* ------ Main HTML Selectors ------ */
html {
  height: 100%;
  margin-bottom: 1px;}

body {

  color: #000000;
  font: normal 80% Verdana, Verdana, Geneva, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;}

hr {
  background-color: #ffa000;
  color: #ffa000;
  border: none;
  height: 1px;
  width: 100%;}

img {
  border: none;}

ul {
  padding: 0;
  margin: 0 0 10px 20px;
  list-style: square;}

fieldset {
  border: 1px dashed #818181;
  padding: 10px;
  margin: 0 0 10px 0;}

legend {
  background-color: #ffffff;
  color: #ca6d00;
  font: bold 18px Georgia, Georgia, sans-serif;
  letter-spacing: 2px;
  padding: 2px 4px;
  margin: 0;}

table {
  padding: 0;
  border-collapse: collapse;
  font-size: 100%;
  width: 100%;}
  
/* ------ Sets Main Hyperlink Properties ------ */

a {
   color: #808080;
/* color: #ffa000;   */
  text-decoration: underline;
  outline: none;
  font-weight: bold;}
  
a:hover {
/*  color: #808080; */
  color: #ffa000;
  text-decoration: underline;
  font-weight: bold;}
  
/* ------ Sets Heading Fonts and Colors ------ */

h1 {
  color: #ca6d00;
  font: normal 28px Georgia, Georgia, serif;
  text-align: left;
  border-bottom: 3px #ca6d00 double;
  letter-spacing: 2px;
  margin: .5em 0;}
  
h2 {
  clear: both;
  color: #ca6d00;
  font: normal 22px Arial, Arial, sans-serif;
  letter-spacing: 2px;
  margin: .8em 0;
  text-align: left;}
  
h3 {
  color: #ca6d00;
  font: bold 16px Georgia, Georgia, serif;
  margin: .5em 0;
  text-transform: uppercase;
  text-align: left;}
  
h4 {
  color: #ca6d00;
  font: bold 20px Georgia, Georgia, serif;
  text-align: left;
  letter-spacing: 2px;
  margin: .8em 0;}
  
h5 {
  color: #808080;
  font: bold 16px Georgia, Georgia, serif;
  margin: .8em 0;
  text-transform: uppercase;
  text-align: left;}
  
h6 {
  color: #ca6d00;
  border-left: 5px solid #ca6d00;
  padding-left: 5px;
  margin: .8em 0;
  font: bold 14px Arial, Helvetica, sans-serif;}
  
/* ------ Begins Layout ID Sections ------ */

#wrapper {
  color: #000000;
  width: 960px;
  text-align: left;
  margin: 0 auto;}
  
#header {
  position: relative;
  width: 960px;
  height: 260px;}
  
#global {
  position: absolute;
  top: 15px;
  left: 5px;
  z-index: 1;
  font-size: 75%;
  letter-spacing: 1px;
  color: #808080;
  text-align: left;
  line-height: 30px;
  width: 450px;}
  
#global ul {
  margin: 0;
  padding: 0;
  list-style-type: none;}
  
#global li {
  display: inline;}
  
#global li a {
  color: #808080;
  font-weight: normal;
  text-decoration: none;}
  
#global li a:hover {
  color: #ffa000;
  font-weight: normal;
  text-decoration: underline;}
  
#address {
  position: absolute;
  top: 200px;
  left: 5px;
  z-index: 2;
  font-size: 75%;
  color: #808080;
  text-align: left;
  line-height: 30px;
  width: 450px;}
  
#address p {
  margin: 0;
  padding: 0;}
  
/* The items below set the properties for the 
MAIN NAVIGATION menu block.*/

#menu {
  font-size: 120%;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.5em;
  letter-spacing: 2px;
  width: 300px;}
  
#menu ul {
  width: 290px;
  margin: 0;
  padding: 0;
  list-style-type: none;}
  
#menu li {
  width: 290px;
  padding: 0;
  margin: 5px 0 5px 5px;}
  
#menu li a {
  color: #ffa000;
  font-weight: bold;
  text-decoration: none;
  border-left: 5px #ffa000 solid;
  display: block;
  padding-left: 10px;}
  
#menu li a:hover {
  color: #808080;
  border-left: 10px #ca6d00 solid;
  font-weight: bold;
  text-decoration: none;}
  
#menu h4 {
  color: #ca6d00;
  font: bold 20px Georgia, Georgia, serif;
  text-align: left;
  letter-spacing: 2px;
  text-transform: none;
  margin: .8em 0;}
  
/* -- Begins content and sidebar properties -- */

#content {
  float: right;
  width: 630px;
  line-height: 1.6em;
  padding: 0 0 10px 10px;}
  
.contentleft {
  float: left;
  text-align: justify;
  width: 300px;
  margin: 0 5px 0 0;
  padding: 0 5px;}
  
.contentright {
  float: right;
  text-align: justify;
  width: 300px;
  margin: 0 0 0 5px;
  padding: 0 5px;}
  
#sidebar {
  float: left;
  font-size: 85%;
  width: 310px;
  padding: 0 10px 10px 0;}
  
/* -- Begins Footer Properties -- */

#footer {
  clear: both;
  width: 960px;
  text-align: center;
  letter-spacing: 2px;
  color: #666666;
  height: 120px;
  font-size: 80%;
  border-top: 5px #ca6d00 solid;
  padding: 30px 0 0 0;
  line-height: 1.9em;}
  
#footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;}
  
#footer li {
  display: inline;
  margin: 0;}
  
#footer li a {
  color: #666666;
  font-weight: normal;
  text-decoration: none;}
  
#footer li a:hover {
  color: #ffa000;
  font-weight: normal;
  text-decoration: underline;}
  
#footer p {
  margin: 0;
  padding: 0;}
  
/* ------ Sets the Form Display ------*/

#contactform {
  padding: 5px;
  text-align: left;
  margin: 20px 0 5px 0;}
  
#contactform label {
  width: 150px;
  float: left;
  text-align: right;
  margin: 3px 5px 5px 5px;
  clear: both;}
  
#contactform input {
  margin: 3px 5px 5px 5px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #c2c2c2;}
  
#contactform textarea {
  font: normal 12px Verdana, sans-serif;
  margin: 3px 5px 5px 5px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #c2c2c2;}
  
#contactform .button {
  background-color: transparent;
  text-align: center;
  margin: 5px 0 0 170px;
  border: none;
  clear: both;}
  
/* ------ Sets Classes ------ */

.center {
  text-align: center;}
  
.clear {
  clear: both;}
  
.catalog {
  padding: 8px;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 33%;}
  
.calendar {
  text-align: center;
  letter-spacing: 1px;
  margin: 0 0 20px 0;
  line-height: 1.2em;}
  
.imagecenter-border {
  border: 3px #818181 double;
  display: block;
  margin: 0 auto;}
  
.imagecenter-noborder {
  display: block;
  margin: 0 auto;}
  
.imageleft-noborder {
  margin: 0 10px 0 0;
  float: left;}
  
.imageright-noborder {
  margin: 0 0 0 10px;
  float: right;}
  
.imageleft-border {
  margin: 0 10px 0 0;
  float: left;
  border: 3px #818181 double;}
  
.imageright-border {
  margin: 0 0 0 10px;
  float: right;
  border: 3px #818181 double;}
